﻿@using MalkiSumWeb;
@{
    MalkiSumWeb.Models.SumrizDBEntities db = new MalkiSumWeb.Models.SumrizDBEntities();
    var Fields = db.Fields.ToList();
}
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6 lt8"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7 lt8"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8 lt8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
    <!-- meta tags -->
    <meta charset="utf-8">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="author" content="">
    <meta name="keywords" content="" />
    <meta name="description" content="">
    <meta name="copyright" content="&copy; 2013 Sumriz. All rights reserved." />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- title -->
    <title>@ViewBag.Title</title>
    <!-- fav and touch icons -->
    <link rel="shortcut icon" href="@Url.Content("~/Content/images/icons/favicon.png")"/>
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="@Url.Content("~/Content/images/icons/apple-touch-icon-144-precomposed.png")"/>
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="@Url.Content("~/Content/images/icons/apple-touch-icon-114-precomposed.png")"/>
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="@Url.Content("~/Content/images/icons/apple-touch-icon-72-precomposed.png")"/>
    <link rel="apple-touch-icon-precomposed" href="@Url.Content("~/Content/images/icons/apple-touch-icon-57-precomposed.png")"/>
    <!-- styles -->
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/plugins/bootstrap/css/bootstrap.min.css")"/>
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/plugins/font-awesome/css/font-awesome.min.css")"/>
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/plugins/sliderTabs-1.1/styles/jquery.sliderTabs.min.css")"/>
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/css/style.css")" />
    @(Html.Telerik().StyleSheetRegistrar().DefaultGroup(group => group.Add("telerik.common.css").Add("telerik.hay.css").Combined(true).Compress(true)))
    <!-- scripts -->
    @* <script type="text/javascript" src="@Url.Content("~/Scripts/2012.1.214/jquery-1.7.1.min.js")"></script>*@
    <script type="text/javascript" src="@Url.Content("~/Content/js/vendor/jquery-1.9.1.min.js")"></script>
    <!--<script>window.jQuery || document.write('<script src="/Content/js/vendor/jquery-1.9.1.min.js"><\/script>')</script>-->
    <script type="text/javascript" src="@Url.Content("~/Content/js/vendor/modernizr-2.6.2-respond-1.1.0.min.js")"></script>
</head>
<body>
    <!-- top nav bar start -->
    <header role="navigation" class="navbar navbar-fixed-top">
          <div class="container">
            <div class="navbar-header">
              <a href="@Url.Content("~/")" class="navbar-brand"><img src="@Url.Content("~/Content/images/logo.jpg")" width="137" height="49" alt="Sumriz saving &amp; sharing"></a>
              <span class="slogan"><i>..</i> Saving <i>&amp;</i> Sharing</span>
            </div>    
            <div class="navbar-collapse collapse">
 				<div class="mainSearch">
                <input id="lblFieldID" type="hidden" value="0" />
                <span id="lblFieldName">All:</span>
      				<input id="txtSearch" type="text" placeholder="Search Sumriz ..">
        			<button onclick="SearchText()" type="button"><i class="fa fa-search"></i></button>
            	</div>
              	<div class="btn-group categoryMenu">
  					<button type="button" class="dropdown-toggle" data-toggle="dropdown">
				  		<img src="@Url.Content("~/Content/images/logo_shape.png")">
                    </button>
                    <ul class="dropdown-menu" role="menu">
                    <li><a onclick="ChangeField(0,'All')" >All</a> </li> 
                    @foreach (MalkiSumWeb.Models.Field field in Fields)
                    {
                        <li><a onclick="ChangeField(@field.ID, '@field.NameEn')" >@field.NameEn</a></li>
                    }
                    </ul>
              	</div>        
              	 @Html.Partial("_LogOnPartial")  
            </div>
          </div>
        </header>
    <!-- top nav bar end -->
    <div id="bannerToHide" style="display: none;">
        <!-- banner start -->
        <div class="bannerBg">
        </div>
        <div class="jumbotron">
            <div class="container">
                <h1>
                    Sumriz</h1>
                <p>
                    Easiest Way to <span>Create</span>, <span>Save</span> & <span>Share</span> Your
                    <span>Summaries</span></p>
                <p>
                    <a role="button" href="@Url.Content("~/Files/AddFile/")" class="btn btn-lg">Start now</a></p>
            </div>
        </div>
        <!-- banner end -->
        <!-- category menu start -->
        <nav role="navigation" class="categoryMenu_slider">
        	<div class="container">
        		<a href="javascript:void(0);" title="Show all Categories" class="category"><img src="@Url.Content("~/Content/images/logo_shape.png")"> Categories</a>
                <a href="javascript:void(0);" class="viewAll active">All</a>           
               <div id="categoryTabs">
                	<ul>
                    <li><a style="display:none;"></a></li>
                        @foreach (MalkiSumWeb.Models.Field field in Fields)
                        {
                            <li><a href="@Url.Content("~/Files/FieldView?cat=" + field.ID)" >@field.NameEn</a></li>
                        }
                  	</ul>
            	</div>    
             </div>   
        </nav>
        <!-- category menu end -->
    </div>
    <!-- content start -->
    <div class="container inner">
        <div class="row content">
            @RenderBody()
        </div>
    </div>
    <!-- content end -->
    <!-- register start -->
    <div class="register">
        <div class="container">
            <p>
                Easiest Way to <span>Create</span>, <span>Save</span> & <span>Share</span> Your
                <span>Summaries</span></p>
            <a role="button" href="@Url.Content("~/Files/AddFile/")" class="btn btn-lg">Start now</a>
        </div>
    </div>
    <!-- register end -->
    <!-- site map start -->
    <div class="siteMap">
        <div class="container">
            <div class="row">
                <div class="col-lg-2">
                    <h3>
                        Follow Us</h3>
                    <ul class="social">
                        <li class="facebook"><a href="javascript:void(0);"><i class="fa fa-facebook"></i></a>
                        </li>
                        <li class="twitter"><a href="javascript:void(0);"><i class="fa fa-twitter"></i></a>
                        </li>
                        <li class="google-plus"><a href="javascript:void(0);"><i class="fa fa-google-plus"></i>
                        </a></li>
                        <li class="youtube"><a href="javascript:void(0);"><i class="fa fa-youtube"></i></a>
                        </li>
                    </ul>
                    <a href="index.html" title="Sumriz - Home" class="logo">
                        <img src="@Url.Content("~/Content/images/logo_footer.png")" width="133" height="39"></a>
                </div>
                <div class="col-lg-4">
                    <h3>
                        Categories</h3>
                    <ul class="menu multiCol"> 
                        @foreach (MalkiSumWeb.Models.Field field in Fields)
                        {
                            <li><a href="@Url.Content("~/Files/FieldView?cat=" + field.ID)" >@field.NameEn</a></li>
                        }
                    </ul>
                </div>
                <div class="col-lg-2">
                    <h3>
                        Advertising</h3>
                    <ul class="menu">
                        <li><a href="javascript:void(0);">Why Advertise Here?</a></li>
                        <li><a href="javascript:void(0);">Get To Start</a></li>
                    </ul>
                </div>
                <div class="col-lg-2">
                    <h3>
                        Upload & Share</h3>
                    <ul class="menu">
                        <li><a href="javascript:void(0);">Why Upload?</a></li>
                        <li><a href="javascript:void(0);">How to Upload?</a></li>
                    </ul>
                </div>
                <div class="col-lg-2">
                    <h3>
                        Legal</h3>
                    <ul class="menu">
                        <li><a href="javascript:void(0);">Terms</a></li>
                        <li><a href="javascript:void(0);">Copyright</a></li>
                        <li><a href="javascript:void(0);">Privacy Policy</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- site map end -->
    <footer>
        	<div class="container">
            	<div class="row">
                	<div class="col-lg-6">
						<p><strong>Sumriz</strong> &reg; 2013 | All Rights Reserved.</p>
                    </div>
                    <div class="col-lg-6">    
                        <ul>
                			<li><a href="javascript:void(0);" title="">Who we are?</a></li>
                    		<li><a href="javascript:void(0);" title="">FAQs</a></li>
                    		<li><a href="javascript:void(0);" title="">Help</a></li>
                    		<li><a href="javascript:void(0);" title="">Contact Us</a></li>
                		</ul>
                    </div>    
                </div>
              </div>
        	</footer>
    <script type="text/javascript">
        function SearchText() {
            var txt = $("#txtSearch").val();
            var fieldID = $("#lblFieldID").val();
            var searchText = "@Url.Content("~/Files/FieldView")"+"?cat="+ fieldID +"&q=" + txt;
//            //"~/Files/Search/" + txt;
            window.location = searchText;
            //$.post('@Url.Action("FieldView", "Files")', { id: txt, fieldID: fieldID });
        }

        function ChangeField(ID, Name) {
            $("#lblFieldID").val(ID);
            $("#lblFieldName").text(Name);         
        }
    </script>
    @(Html.Telerik().ScriptRegistrar().DefaultGroup(group => group.Combined(true).Compress(true)))
    <script type="text/javascript" src="@Url.Content("~/Content/plugins/bootstrap/js/bootstrap.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/plugins/sliderTabs-1.1/jquery.sliderTabs.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/js/plugins.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/js/main.js")"></script>
</body>
</html>
@* <div id="logindisplay">
                @Html.Partial("_LogOnPartial")
            </div>
            <div id="menucontainer">
                <ul id="menu">
                    <li>@Html.ActionLink("الرئيسية", "Index", "Home")</li>                   
                    <li>@Html.ActionLink("عن الموقع", "About", "Home")</li>
                    <li>@Html.ActionLink("دخول", "Logon", "Account")</li>
                </ul>
            </div>
        

        <div id="main">
            @RenderBody()
            <div id="footer">
            </div>
        </div>
    </div>*@ 